<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui"
	xmlns:ui="http://java.sun.com/jsf/facelets">



<h:head>
	<title>PERSONALIZED PACAKGE LIST</title>
</h:head>
<h:form>  
  
    <p:growl id="messages"/>  
  
    <p:splitButton value="Go To" actionListener="#{buttonBean.goTo}" update="messages" >  
        <p:menuitem value="Home Page" url="http://localhost:8080/TravelDreamWeb/registeredUser/index.xhtml?registeredUser=true" icon="ui-icon-extlink"/>  
        <p:separator />  
        <p:menuitem value="Search Page" url="http://localhost:8080/TravelDreamWeb/search.xhtml" icon="ui-icon-extlink"/>  
    </p:splitButton>  
  
</h:form>  




<h:form id="form">  





                  
    <p:growl id="growl" showDetail="true"/>  
  
    <p:dataTable id="persPackTable" var="package" value="#{personalizePackageBean.persPackList}">  
  
        <p:ajax event="rowToggle" listener="#{personalizePackageBean.onRowToggle}" update=":form:growl" />  
  
        <f:facet name="header">  
            Expand rows to see detailed information  
        </f:facet>  
  
        <p:column style="width:2%">  
            <p:rowToggler />  
        </p:column>  
  
        <p:column style="width:49%">  
            <f:facet name="header">  
                    IDPackage
            </f:facet>  
            <h:outputText value="#{package.idpackage}" />  
        </p:column>  
  
        <p:column style="width:49%">  
            <f:facet name="header">  
              PRICE
            </f:facet>  
            <h:outputText value="#{package.totalprice}" />  
        </p:column>  
  
        <p:rowExpansion>  
            <h:panelGrid id="display" columns="2" cellpadding="4" style="width:300px;"  
                            styleClass=" ui-widget-content grid"> 
   
                <h:outputText value="Flight:" />  
                <h:outputText id="flight" value="#{package.idbasicproduct1}" />  
  
                <h:outputText value="Hotel:" />  
                <h:outputText id="hotel" value="#{package.idbasicproduct2}" />  
  
                <h:outputText value="Excursion:" />  
                <h:outputText id="excursion" value="#{package.idbasicproduct3}"/>  
  
            </h:panelGrid>  
  
        </p:rowExpansion>  
    </p:dataTable>  
</h:form>  
                  
</html>